@mixin text-over($num:1) {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: $num;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

@mixin flex-start() {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@mixin flex-start-align() {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

@mixin flex-center() {
  display: flex;
  align-items: center;
  justify-content: center;
}

@mixin flex-end() {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@mixin flex-between() {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.text-over1{
  @include text-over(1)
}
